<!-- TodoList -->
<template>
    <div class="container">
    <h2><a href="https://gitee.com/emotional-transformation/todo-list-router.git">Git仓库</a></h2>
      <h2><router-link to="/Synopsis">个人简介</router-link></h2>
      <h2><router-link to="/test">测试图片</router-link></h2>
      <h2><router-link to="/">退出登录</router-link></h2>
      <h1>TodoList</h1>
      <todoInput />
      <control/>
      <clear/>
    </div>
  </template>
  
  <script setup lang="ts">
  import todoInput from "../components/Input.vue";
  import control from '../components/Control.vue'
  import clear from '../components/bottom.vue'

  </script>
  
  <style scoped lang="scss">
  .container {
    position: relative;
    width: 500px;
    min-height: 800px;
    background-color: rgb(88, 28, 185);
    border-radius: 20px;
    padding-top: 5px;
    box-shadow: 0px 5px 15px #4b36a7;
  }
  </style>
  